<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<select id="yearSel" onchange="change()">
				</select>
				<select id="monthSel"></select>
				<select id="daySel"></select>
				
				<br />
				<div id="div01"></div>
				
				<script>
					
					for(var i=1990;i<=2024;i++)
					{
						// 1. 创建一个p标签节点
						var tmpOption   = document.createElement("option");
						// 2. 创建一个文本节点
						var txtNode = document.createTextNode(i+"年");
						// 3. 将文本放入p标签节点
						tmpOption.appendChild(txtNode);
						// 4. 将tmpP放入div01
						yearSel.appendChild(tmpOption);
					}
					
					function change()
					{
						console.log(yearSel.value);
						div01.textContent = yearSel.value;
					}
					
				</script>
	</body>
</html>
